import React, { PureComponent } from 'react';
import { Tabs, Card } from 'antd';
import DataType from './DataType';
import DataSource from './DataSource';
import './index.less';

export default class DataEditor extends PureComponent {
  render() {
    return (
      <Card className="data-editor">
        <Tabs style={{ backgroundColor: 'white' }}>
          <Tabs.TabPane key="dataType" tab="Data types">
            <DataType />
          </Tabs.TabPane>
          <Tabs.TabPane key="dataSource" tab="Data source">
            <DataSource />
          </Tabs.TabPane>
        </Tabs>
      </Card>
    );
  }
}
